<template>
    <div>
        <div class="tt">
            <div>
                hello {{count}}
            </div>
        </div>
        <div >
            <Comp v-if="count>2" v-model="count"/>
        </div>
       
        <Button>Hello</Button>
    </div>
  
</template>
<script  setup>
import {ref,defineAsyncComponent} from 'vue'
// import Comp from './comp.vue'

const Comp=defineAsyncComponent(()=>import('./comp.vue'))

const count=ref(0)
function doCount(){
    count.value++
}
class DemoClass{

}
console.log(new DemoClass())
</script>
<style lang="less" scoped>
@import url('test.less');
.tt{
    div{
        color:red;
    } 
}
</style>